<!-- 袁晓迪 咨询 --> 
<template>
  <div class="question">
    <First />
    <Second />
    <Third />
    <Fourth />
    <div class="btn">
      <button @click="purchase"></button>
    </div>
  </div>
</template>

<script>
import First from "./Di/First.vue";
import Second from "./Di/Second.vue";
import Third from "./Di/Third.vue";
import Fourth from "./Di/Fourth.vue";
export default {
  //生命周期
  //准备挂载
  beforeMount() {},
  components: {
    First,
    Second,
    Third,
    Fourth,
  },
  methods: {
    purchase() {
      // axios.post("/UserCollect/selectAllUserCollect").then((res) => {
      //   console.log(res);
      // });
      // axios
      //   .get("/lawyer/lawyer/findLawyerListByLikeName", {
      //     params: {
      //       name: "张三",
      //     },
      //   })
      //   .then((res) => {
      //     console.log(res);
      //   });
      this.$router.push("/purchase");
    },
  },
};
</script>

<style scoped lang="scss">
/* scoped 让样式只在当前组件生效  ！important(父子元素存在同样类名时用)*/
.question {
  background: #f2f2f2;
  display: flex;
  flex-direction: column;
}
button {
  margin-bottom: 1rem;
}
.btn {
  width: 100%;
  height: 1rem;
  background-color: white;
  position: fixed;
  bottom: 1rem;
  text-align: center;
  button {
    width: 4.99rem;
    height: 0.91rem;
    background-image: url("@/assets/Di/购买按钮.png");
    background-size: cover;
    border: none;
    background-color: rgba(0, 0, 0, 0);
  }
}
</style>